<template>
  <nut-popup
    closeable
    close-icon-position="top-right"
    position="bottom"
    v-model:visible="modelValue"
    round
    :style="{ height: '216px' }"
    pop-class="popup_select"
  >
    <view class="title">{{ selectedOptions.name }}</view>
    <view class="content">
      <view
        v-for="(item, index) in selectedOptions.list"
        :key="index"
        class="content-item"
        @click="handOptionsSelected(item, selectedOptions.type)"
        >{{ item }}
      </view>
    </view>
  </nut-popup>
</template>
<script lang="ts">
export default {
  name: "yh_bottom_select",
  props: {
    modelValue: {
      default: false,
    },
    selectedOptions: {
      default: () => ({}),
    },
    handOptionsSelected: {
      default: function () {},
    },
  },
};
</script>
<style lang="scss">
</style>
